<template>
    <el-row :gutter="20">
        <el-col :span="6" :offset="16">
            <!-- <span class="content-text">欢迎{{UserModule.roleName}}:{{UserModule.userName}}</span> -->
            <span class="content-text">欢迎回来</span>

        </el-col>
        <el-col :span="1">
            <el-dropdown>
                <span class="el-dropdown-link">
                    <el-avatar :icon="UserFilled" />
                </span>
                <template #dropdown>
                <!-- <el-dropdown-menu>
                    <el-dropdown-item @click="logout">退出登录</el-dropdown-item>
                </el-dropdown-menu> -->
                </template>
            </el-dropdown>
        </el-col>
    </el-row>
</template>

<script lang="ts" setup>
    import {UserFilled} from '@element-plus/icons-vue'
    // import { UserModule } from '@/store/modules/user'
    import { useRouter } from 'vue-router'

    const router = useRouter();
    // const logout = async()=>{
    //     // console.log("logout")
    //     await UserModule.Logout()
    //     router.push({path:'/login'})
    // }
</script>

<style scoped>
    .el-row{
        margin-top: 10px;
    }
    
</style>